<div style="width:220px; margin: 0 auto; border: 1px solid #563D7C; padding:10px;" class="img-rounded">
    <h1><button type="button" class="btn btn-danger btn-lg btn-block">User Login</button></h1>
    <div class="form">
    <?php $form=$this->beginWidget('CActiveForm', array(
            'id'=>'login-form',
            'enableClientValidation'=>true,
            'clientOptions'=>array(
                    'validateOnSubmit'=>true,
            ),
    )); ?>
            <div class="row">
                    <?php echo $form->labelEx($model,'username'); ?>
                    <?php echo $form->textField($model,'username'); ?>
                    <?php echo $form->error($model,'username'); ?>
            </div>

            <div class="row">
                    <?php echo $form->labelEx($model,'password'); ?>
                    <?php echo $form->passwordField($model,'password'); ?>
                    <?php echo $form->error($model,'password'); ?>
            </div>

            <div class="row rememberMe">
                    <?php echo $form->checkBox($model,'rememberMe'); ?>
                    <?php echo $form->label($model,'rememberMe'); ?>
                    <?php echo $form->error($model,'rememberMe'); ?>
            </div>

            <div class="row buttons">
                    <?php echo CHtml::submitButton('Sign in',array('class'=>'btn btn-primary')); ?>
            </div>

    <?php $this->endWidget(); ?>
    </div><!-- form -->
</div>